<!DOCTYPE html >
<head>
<title>登录</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1" />
</head>
<link th:href="@{plugins/sweetalert2/css/sweetalert2.min-7.21.1.css}" rel="stylesheet" />
<!-- 必要样式 -->
<link rel="stylesheet" type="text/css" th:href="@{css/login/index.css}" />
<body>
	<div class="container">    
		<div><img th:src="@{images/背景.png}" height="100%" width="100%"/></div> 
		<div class="bjk">	 
			<div>
				<!-- 普通登录 -->
				<table class="bjk1" id="primaryLogin">
					<tr>
						<td style="color: #17a9a8;height: 27px;font-family: MicrosoftYaHei;font-size: 28px;padding-bottom:9px;text-align: center;">用户登录</td>
					</tr>
					<tr >
						<td style="height: 90px;">
							<img th:src="@{images/user.png}" style="position:absolute;padding:6px"></img>
							<input type="text" placeholder="用户名" class="td1" id="username"></input>
						</td>
					</tr>
					<tr>
						<td style="position:relative;padding-bottom:20px;">
							<img th:src="@{images/password.png}" style="position:absolute;padding:6px"></img>
							<input type="password" placeholder="登录密码" class="td1" id="password"></input>
						</td>
					</tr >
					<tr style="margin-top:32px;height: 45px;font-family: MicrosoftYaHei;font-size: 12px;color: #999999;">
						<td style="padding-left:8px;">
							<input
								id="rememberMe"
								name="rememberMe"
								type="checkbox"
								style="vertical-align:text-bottom; margin-bottom:0px; margin-bottom:2px"
							/>
							&nbsp;记住
							<input
								id="rememberBooking"
								name="rememberBooking"
								value="1"
								type="checkbox"
								onclick="switchToScanLogin(this)"
								style="vertical-align:text-bottom; margin-bottom:0px; margin-bottom:2px;margin-left:50%;"
							/>
							&nbsp;报工台
						</td>
					</tr>
					<tr>
						<td style="padding-top:27px;"><button id="denglu" class="footer" style="cursor:pointer;">登录 </button></td>
					</tr>
					
				</table>
				<!-- 扫码登录 -->
				<table class="bjk1" id="scanToLogin" style="display: none;">
					<tr>
						<td style="color: #17a9a8;height: 27px;font-family: MicrosoftYaHei;font-size: 28px;padding-bottom:9px;text-align: center;">扫码登录</td>
					</tr>
					<tr >
						<td style="height: 90px;padding-top: 30px;">
							<img th:src="@{images/user.png}" style="position:absolute;padding:6px;z-index: -1;"></img>
							<input
								type="text"
								class="td1"
								style="position: absolute;border-bottom: none; background: rgb(245, 243, 243);border-radius: 5px;z-index: -1;"
								id="scanUserName"
							>
							<img th:src="@{images/scanuser.png}" alt="扫码登录" style="width: 40%;margin-left: 30%;height:100%;z-index: 1;">
						</td>
					</tr>
					<tr style="margin-top:32px;height: 45px;font-family: MicrosoftYaHei;font-size: 12px;color: #999999;">
						<td style="padding-left:8px;">
							<input
								id="switchToaccountLogin"
								name="switchToaccountLogin"
								type="checkbox"
								onclick="switchToaccountLogin(this)"
								style="vertical-align:text-bottom; margin-top:0px; margin-bottom:2px;margin-left: 30%;"
								autocomplete="off"
							/>
							&nbsp;切换到报工台账号登录
						</td>
					</tr>
					<tr>
						<td style="padding-top:27px;">
							<button id="scanLoginBtn" class="footer" style="cursor:pointer;display:none;">
								登录
							</button>
							<button id="scanreset" class="footer" style="cursor:pointer;">
								重置
							</button>
						</td>
					</tr>
					<tr style="margin-top:32px;height: 45px;font-family: MicrosoftYaHei;font-size: 12px;color: #999999;">
						<td style="padding-left:8px;">
							<input
								id="switchToPrimaryLogin"
								name="switchToPrimaryLogin"
								type="checkbox"
								onclick="switchToPrimaryLogin(this)"
								style="vertical-align:text-bottom; margin-top:0px; margin-bottom:2px;margin-left: 30%;"
								autocomplete="off"
							/>
							&nbsp;切换到普通登录
						</td>
					</tr>
				</table>
				<!--报工台账号登录  -->
				<table class="bjk1" id="baoToLogin" style="display: none;">
					<tr>
						<td style="color: #17a9a8;height: 27px;font-family: MicrosoftYaHei;font-size: 28px;padding-bottom:9px;text-align: center;">报工台登录</td>
					</tr>
					<tr >
						<td style="height: 90px;">
							<img th:src="@{images/user.png}" style="position:absolute;padding:6px"></img>
							<input type="text" placeholder="用户名" class="td1" id="baousername"></input>
						</td>
					</tr>
					<tr>
						<td style="position:relative;padding-bottom:20px;">
							<img th:src="@{images/password.png}" style="position:absolute;padding:6px"></img>
							<input type="password" placeholder="登录密码" class="td1" id="baopassword"></input>
						</td>
					</tr >
					<tr style="margin-top:32px;height: 45px;font-family: MicrosoftYaHei;font-size: 12px;color: #999999;">
						<td style="padding-left:8px;">
							<input
								id="switchToscansLogin"
								name="switchToscansLogin"
								type="checkbox"
								onclick="switchToscansLogin(this)"
								style="vertical-align:text-bottom; margin-top:0px; margin-bottom:2px;margin-left: 30%;"
								autocomplete="off"
							/>
							&nbsp;切换到扫码登录
						</td>
					</tr>
					<tr>
						<td style="padding-top:27px;">
							<button id="baoLoginBtn" class="footer" style="cursor:pointer;">
								登录
							</button>
						</td>
					</tr>
					<tr style="margin-top:32px;height: 45px;font-family: MicrosoftYaHei;font-size: 12px;color: #999999;">
						<td style="padding-left:8px;">
							<input
								id="switchToPrimarysLogin"
								name="switchToPrimarysLogin"
								type="checkbox"
								onclick="switchToPrimarysLogin(this)"
								style="vertical-align:text-bottom; margin-top:0px; margin-bottom:2px;margin-left: 30%;"
								autocomplete="off"
							/>
							&nbsp;切换到普通登录
						</td>
					</tr>
				</table>
			</div>
			
		</div>
		<div class="bjk2"></div> 
	</div>
	<span id="value" style="display: none;">0</span>
	<div th:include="base :: bottom" />
	<!-- 在cookie里记录下是普通登录还是扫码登录 -->
	<script th:src="@{plugins/jquery/js/jquery.cookie.js}"></script>
	<script th:src="@{js/login/login.js}"></script>
</body>
</html>